<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Labeyes  (゜-゜)つロ 干杯</title>
        <link rel="stylesheet" href="./js/bootstrap.min.css">
        <script src="./js/jquery.min.js"></script>
        <script src="./js/bootstrap.min.js"></script>
        <script>
            $(document).ready(function(){
                $("#bigon").click(function(){
                    $("#bigon").attr({"disabled":"disabled"});
                    $("#bigon").html("拍照回传中...");
                    $.get("/get", function(data, status){
                        $("#pic").attr({"src":data.picurl});
                        $("#pictime").html("拍摄时间：" + data.pictime);
                        $("#bigon").html("天降正义！拍照");
                        setTimeout(function(){$("#bigon").removeAttr("disabled");}, 2000); 
                    });
                });
            });
        </script>
    </head>
    <body>
        <div class="container">
            <div class="row clearfix">
                <div class="col-md-12 column">
                    <div class="row clearfix">
                        <div class="col-md-2 column">
                        </div>
                        <div class="col-md-8 column">
                            <img id="pic" src="http://119.29.238.227/back.jpg"><br>
                            <p id="pictime"></p>
                        </div>
                        <div class="col-md-2 column">
                        </div>
                    </div>
                </div>
            </div>
            <div class="row clearfix">
                <div class="col-md-5 column">
                </div>
                <div class="col-md-2 column">
                    <br>
                    <button type="button" class="btn btn-primary btn-lg" id="bigon">天降正义！拍照</button>
                </div>
                <div class="col-md-5 column">
                </div>
            </div>
            <div class="row clearfix">
                <div class="col-md-2 column">
                </div>
                <div class="col-md-8 column">
                    <br>
                    <h3>点一下拍照之后等待一下照片回传嘛，我们实验室渣网速...不要狂点拍照，这种坑爹操作我们不支持(๑•̀ㅂ•́)و✧</h3>
                    <ul class="list-group">
                        <li class="list-group-item">1.程序稳的一比的，不要怀疑</li>
                        <li class="list-group-item">2.但是如果发现网页打不开了，肯定是被拉闸了，无解，简直坑的一比</li>
                        <li class="list-group-item">3.网址是<a href="http://1029.idoit.cc">http://1029.idoit.cc</a></li>
                        <li class="list-group-item">4.程序地址--<a href="https://gitee.com/apisces/Labeyes" target="_blank">Gitee</a>--</li>
                        <li class="list-group-item">最后更新：2018.03.08</li>
                    </ul>
                </div>
                <div class="col-md-2 column">
                </div>
            </div>
        </div>
    </body>
</html>
